<template>
  <div class="m-header">
      <div class="icon"></div>
      <div class="text">Checken Music</div>
  </div>
</template>

<script>
export default {
  // eslint-disable-next-line
  name: 'mainHeader',
  components: {},
  props: {},
  data() {
    return {
    }
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '~common/stylus/variable'
@import '~common/stylus/mixin'

.m-header
  position: relative
  height: 44px
  text-align: center
  color: $color-theme
  .icon
    display: inline-block
    vertical-align: top
    margin-top: 6px
    width: 30px
    height: 32px
    bg-image('logo')
    background-size: 30px 32px
  .text
    display: inline-block
    vertical-align: top
    line-height: 44px
    font-size: $font-size-large
</style>